﻿<html>
<head>
<style type="text/css">
#envolve {
 width: 890px;
}
 
#div_1 {
 position: relative;
 width: 80px;
 height: 50px;
 background-color: #333399;
 float: left;
 text-align: center;
 color: #FFF;
  
} 
  
#div_2 {
 position: relative;
 width: 80px;
 height: 50px;
 background-color: #CC3333;
 float: left;
 text-align: center;
 color: #FFF;
}
 
#div_3 {
 position: relative;
 width: 80px;
 height: 50px;
 background-color: #339900;
 float: left;
 text-align: center;
 color: #FFF;
}
 
#clear {
 clear:both; 
}
</style>
 
 
 
 
<div id="envolve">
  
<div id="div_1">
DIV 1</div>
<div id="div_2">
DIV 2</div>
<div id="div_3">
DIV 3</div>
</div>
<div class="clear">
</div>